<!--
 * @Description: {{ByRuin}}
 * @Version: 2.0
 * @Author: Ruin 🍭
 * @Date: 2021-12-24 14:21:29
 * @LastEditors: 刘引
 * @LastEditTime: 2021-12-24 16:47:11
-->
<template>
  <div class="root">
    <div class="w">
      <div class="container">
        <div class="left">
          <p>
            SMT
            <br />快速贴片
          </p>
          <a class="btn">了解工艺能力 &gt;</a>
          <a class="btn orange-btn">快速计价 &gt;</a>
        </div>
        <div class="right">
          <video
            controls="controls"
            poster="../../../assets/img/home/video-img.png"
            x-webkit-airplay="true"
            airplay="allow"
            webkit-playsinline="true"
            playsinline="true"
            src="https://img.allchips.com/online/home/yjpcba_intro.mp4"
            class="yjpcba-intro-video"
            data-fullscreen-container="true"
          ></video>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts"></script>
<style lang="scss" scoped>
.root {
  height: 650px;
  margin-bottom: 60px;

  background: #160702 url("../../../assets/img/home/smt-bg.jpg") no-repeat 50%;
  .container {
    display: flex;

    .left {
      width: 290px;
      height: 450px;
      padding: 59px 49px;
      // padding-top: 100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      background: url()
        no-repeat 50%;
      p {
        font-size: 48px;
        letter-spacing: 0;
        color: #fff;
        text-align: center;
        // margin-bottom: 100px;
      }

      .btn {
        display: block;
        width: 186px;
        height: 50px;
        border-radius: 25px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 20px;
        color: #fff;
        line-height: 50px;
        cursor: pointer;
      }
      .orange-btn {
        background-color: #ea5404;
        border-color: #ea5404;
        margin-bottom: 100px;
      }
    }
    .right {
      video {
        width: 800px;
        height: 450px;
        padding-top: 60px;
        cursor: pointer;
      }
    }
  }
}
</style>